﻿body,table,td,th,input,textarea,select
{
    font-family: verdana,sans-serif;
    font-size: 10pt;
}
pre
{
    font-family: monospace,courier new;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}
h1
{
    background-color: #eeeeee;
    color: navy;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin-bottom: 15px;
}
h2
{
    color: maroon;
    font-size: 1.4em;
    font-weight: bold;
}
h3
{
    color: steelblue;
    font-size: 1.1em;
    font-weight: bold;
}
table.blackborder>tbody td
{
    border: solid 1px lightgrey;    
}
th
{
    border-collapse: collapse;
    font-weight: bold;
    text-align: center;
}
a 
{ color:#003399; }
a:visited
{
    color: darkred;
}
a:hover 
{ color:red;}
hr 
{ color: navy; background: navy; border: 0; height:1px;}
   
ul 
{
    margin-bottom: 0px;
    margin-top: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}    
li
{
    padding-top: 2px;
    padding-bottom: 0px;
}
img
{
    border: 0px;
}
.blackborder
{
    border-style: solid;
    border-width: 2px;
    border-color: #003399;
    background: white;
    text-align: left;
}
p
{
    margin: 10px 0px 10px 0px;
}
small 
{
    font-size: 0.8em;
    font-weight: normal;
}
.bigtext
{
    font-size: 1.8em;
    font-weight: bold;
    color: navy;
}

/* block backgrounds for headers etc. */
.menuband, .gridheader, .gridheaderbig, .gridpager, .buttonlinks, .blockheader, .roundedbar_top, .roundedbar_bottom
{
    color: cornsilk;
    background-color: #003399;
    padding: 0px;
}
/* alternate background color color to offset the background
   used for the category list and banner strips for color
   variety. should be a companion color to the block background
   colors (previous tag
*/
.alternatebackground
{
    color: white;
    background-color: #0066cc;
}

/* used for any block tags like headers on tables etc. */
.blockheader
{
    font-weight:bold;
}
.menucolumn 
{ 
    padding:5px;
    border-bottom: solid 1px white ;
}
.menulink
{
    color: white;
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: none ;
    display:block;
    text-align:left;
    padding-top:3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: solid 1px transparent;    
}
.menulink:visited { color: cornsilk; } 
.menulink:hover 
{ 
    color:#003399; 
    text-decoration:none; 
    font-weight:normal; 
    background: white url('images/menuhighlight.png') repeat-x;
}
.menuband
{    
    font-weight: bold;
    height: 20px;
    padding-top: 5px;
    text-align: center;
    background: url('images/vertgradient.png');
}
.menulinkcontainer
{
    padding: 5px;
}

.submitbutton
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    font-weight: bold;
    height: 35px;
    width: 200px;
    background: url('images/submitbutton.gif');
    color: lemonchiffon;
}
.submitbutton:hover { background: url('images/submitbuttonhover.gif');
} 
.submitbutton:active { background: url('images/submitbuttonpressed.gif');
}
.smallbutton
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    height: 22px;
    width: 90px;
    font-size: 0.8em;
    color: navy;
    background: url('images/smallbutton.gif');
}
.smallbutton:hover { background: url('images/smallbuttonhover.gif');
}
.smallbutton:active { background: url('images/smallbuttonpressed.gif');
}

.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright, .gridpager
{    
    padding: 4px;
    background:  #003399 url('images/vertgradient.gif') repeat-x 50% bottom;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}
.gridheader a, .gridheaderbig a
{
    color: cornsilk;
    text-decoration: none;
}
.gridheaderleft
{
    text-align: left;
}
.gridheaderright
{
    text-align: right;
}
.gridheaderbig
{    
    background-image: url('images/vertgradient40.png');
    background-repeat: repeat-x;
    background-position: 50% bottom;
}
.gridnormal
{
    background-color: #eeeeee;
}
.gridalternate
{
    background-color: #b5c7d6;
}
.gridhighlight
{
    background-color: white;
    background-image: url(images/lightorangegradient.png);
    background-repeat: repeat-x;
    cursor:pointer;
    border: solid 2px orange;
}
.gridpager
{
    font-weight: bold;
    text-align: right;
    color: White;        
    text-decoration: none;
}
.gridpagerselectedpage
{
    color: khaki;
    font-size: 1.1em;
    font-weight: bold;    
}
.gridpagerpage
{    
    text-decoration: none;
    color: White;        
}

.groupheader  
{
    background: SteelBlue; color: White; padding: 4px; margin-top: 10px; margin-bottom: 5px; font-weight: bold;
}    
.errormessage
{
    font-weight: bold;
    color: maroon;
}
.errordisplay
{
    font-weight: normal;
    color: darkred;
    border:solid 2px darkred;
    background-color:cornsilk;
    padding: 4px 5px 4px 10px;
    line-height: 1.5em;    
    margin: 15px 0px 15px 0px;
}
.errordisplay hr
{
    color: darkred;
}
.dialogwindow
{
    margin: 0px;
    background: #eeeeee;
    font-size: 0.8em;
}

.toolbarcontainer  
{
    background:#eeeeee;
    border: solid 1px silver;
    vertical-align: top;
    padding: 5px; 
}
.hoverbutton  
{
    text-decoration:none;        
    padding: 2px;     
    font-size: 0.8em;         
    border: solid 1px transparent; 
}
.hoverbutton:hover  
{    
    background: white url('images/menuhighlight.png'); 
    border: solid 1px silver; 
}     
.hoverbutton a
{
    text-decoration: none;
}
.tabbutton, .selectedtabbutton
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    font-size: 0.8em;
    background: url('images/tabnormal.gif') no-repeat;
    text-align: center;
    vertical-align: middle;
    cursor: hand;
    color: darkblue;
    width: 120px;
    margin: 0px;
    padding:0px;
}
.tabbutton:hover
{
    background: url('images/tabhover.gif') no-repeat;
}
.selectedtabbutton 
{ 
    font-weight: bold; 
    color: white; 
    background:url('images/tabselected.gif') no-repeat;
    cursor:default;
}
.roundedbar_top
{
    height:20px;
    width: 170px; 
    padding: 5px 0px 0px 0px;
    font-weight:bold;
    text-align: center;    
    background: url('images/roundedbar_top.png') no-repeat;
    font-size: 1em;
}
.roundedbar_bottom
{
    height:12px;
    width: 170px; 
    background: url('images/roundedbar_bottom.png') no-repeat;
}
.containercontent
{
    padding: 20px;    
}
legend
{
    text-align: center;
    font-weight: bold;
    background: #DE8079;
    color: White;
    padding: 3px;
    border: solid 1px darkred;
}    
fieldset
{
    border: solid 1px silver;    
    margin-bottom: 15px;
}
.fieldsetpadding
{
    padding: 15px;
}
input[type=text], input[type=password], textarea, select
{                
    border: solid 1px steelblue;
    border-style:inset;
    font-size: 1em;
    background-color: #F5F7FA;        
}
input[type=button], input[type=submit]
{    
}
.statusbar
{
    position: fixed;
    bottom: 5px;
    left: 0px;
    right: 0px;
    height: 16px;    
    padding: 5px;    
    background: black;
    color: white;    
    border: solid 1px lightgray;
    opacity: .70;    
    filter: alpha(opacity="70");
    z-index: 200;
    overflow: hidden;
    overflow-y: auto; 
}
.statusbarhighlight
{
    font-weight: bold;
    background-color: khaki;
    color: Maroon;
    border: solid 1px silver;
}
.statusbarclose
{
    position: absolute;
    right: 10px; 
    top: 2px;
    color:red;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}